<template>
    <div class="all">
        <div class="train-main">
            <!-- 左边 -->
            <TrainLeft></TrainLeft>
            <!-- 右边 -->
            <Router-view></Router-view>
            <!-- <detial></detial> -->
        </div>
    </div>
</template>

<script setup lang="ts">
import { onMounted } from 'vue';
import TrainLeft from './components/trainLeft/index.vue';
import TrainRight from './components/trainRight/index.vue';
import useTrainroomStore from '@/store/modules/trainroom';
import detial from './components/detial/index.vue';
const TrainroomStore = useTrainroomStore();

onMounted( async () => {
    // TrainroomStore.getinitTrain();
    await TrainroomStore?.getinittraindata();
    await TrainroomStore?.getshowpage();
    await TrainroomStore?.getshowcollect();
    await TrainroomStore?.gethistorydata();
});
</script>

<style scoped lang="less">
* {
    margin: 0;
    padding: 0;
    list-style: none;
    .all {
        background-color: #f5f7f9;
        .train-main {
            width: 1200px;
            height: 1000px;
            // background-color: antiquewhite;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
            display: flex;
        }
    }
}
</style>
